body{
	font-family: "Microsoft YaHei" ! important;
}

a{
	color:#666;
}

.squareFoot{
	width:100%;
	border-top:1px solid #ccc;
	position:fixed;
	bottom:0;
	display:box;
	display:-moz-box;
	display:-webkit-box;
	padding:2px;
	background-color:white;
	
}

.squareFoot > div {
    -moz-box-flex:3;
    -webkit-box-flex:3;
    box-flex:3;
	color:#ae6642;
	height:40px;
}

.footInfo{
	font-size:10px;
}

.submit{
	
}

.submit>div{
	color:white;
	vertical-align:middle;
	height:40px;
	line-height:40px;
	background-color:#FF8040;
	width:86%;
	border-radius:5px;

}

.square,.message,.myprofile,.search{
	position:relative;
	top:4px;
	height:19px;
	color:#FF8040;
}

.square a,.message a,.myprofile a,.search a{
	color:#ae6642;
}

.submit a{
	color:#FF8040;
}

.submitMenu{
	width:100%;
	line-height:46px;
	background-color:white;
	height:60px;
}

.closeBar{
	width:100%;
	border:1px solid #eee;
	height:44px;
	line-height:40px;
	position:fixed;
	bottom:0px;
	background-color:white;
	color:grey;
	padding:2px;
	display:none;
}

.publish,.oldItem,.openShop{
	display:inline-block;
	width:33.333333333333%;
	margin-top:5px;
	background-color:white;
}

.info{
	font-size:10px;
	height:10px;
	line-height:10px;
	position:relative;
	top:-5px;
	background-color:white;

}

.indexTypes{
	margin-top:55px;
	border-bottom:1px solid #eee;
	padding-top:15px;
	padding-bottom:5px;
	height:90px;

}

.street,.oldChange,.shops{
	display:inline-block;
	width:33.33333%;
}

.fa-shopping-basket{
	border:1px solide #eee;
	border-radius:50px;
}

.idx-info{
	font-size:10px;
	margin-top:2px;
}

 .indexTypes .fa{
	border:1px solid #eee;
	width:50px;
	height:50px;
	border-radius:50px;
	line-height:48px;
	color:white;
	box-shadow:0px 1px 2px #ccc;
}

.street .fa{
	background-color:#f47920;
}
.oldChange .fa{
	background-color:#7fb80e;
}
.shops .fa{
	background-color:#00a6ac;
}

.headBar{
	width:100%;
	background:#6699CC;
	padding:8px;
	display:box;
	display:-moz-box;
	display:-webkit-box;
	height:55px;
	line-height: 27px;
	color:white;
	font-size:16px;
}

.HeadBar{
	width:100%;
	background-color:#faa755;
	height:50px;
	padding:10px;
	color:white;
	position:fixed;
	top:0;
	box-shadow:0px 2px 3px #ccc;
		z-index:100;
}


.askFooterBar{
	border-top: 1px solid #ddd;
	height:55px;
	width:100%;
	padding:20px;
	position:fixed;
	bottom:0;
	background-color: white;
}

#askTitle{
	width:100%;
	border:0;
	border-bottom:1px solid #999;
}

.insertPic{
	float:right;
	z-index:1001;

}
#uploadImg{
	z-index:1;
	opacity: 0;
}

#uploadImg{
	width:20px;
	height:20px;
	position: relative;
	top:-20px;
}

.waiting{
	position:fixed;
	top:25%;
	color:#6699CC;
	left:50%;
	margin-left:-50px;
	border:1px solid #eee;
	border-radius:5px;
	padding:10px;
	background-color:white;
	z-index: 5000; 
	width:100px;
}

.questionContent{
	border-bottom:1px solid #999;
	margin-bottom:50px;
}

.askBody{
	margin-top:55px;
	padding:15px;
}

.postBtn {
	display:block;
	width:30px;
	line-height:28px;
}

.backBtn{
	vertical-align:middle;
	line-height:30px;
	color:white;
	z-index: 5000; 
}

.questionContent img{
	max-width:100%;
}

.headInfo{
	display:inline-block;
	line-height:30px;
	font-size:16px;
	margin-left:20px;
}

#nickname{
	border:1px solid #ccc;
	border-radius:5px;
	margin-bottom:20px;
}

.submitMenu .fa{
	width:40px;
	height:40px;
	border:1px solid #eee;
	background:yellow;
	line-height:40px;
	color:white;
	border-radius:5px;
}

.publish .fa{
	background-color:#fab27b;
}

.oldItem .fa{
	background-color:#78a355;
}

.openShop .fa{
	background-color:#7bbfea;
}

.allPostsDiv{
	margin-top:55px;
	margin-bottom:56px;
}

.progress{
	width:100%;
	position:fixed;
	top:40%;
}

.waitinfo{
	margin-top:5px;
}

.abs-center{
	position:absolute;
	left:50%;
	-webkit-transform: translate(-50%,-50%);  
      -ms-transform: translate(-50%,-50%);  
          transform: translate(-50%,-50%); 
}

.mist{
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	background-color: rgb(45, 45, 45); 
	z-index: 5000; 
	opacity: 0.2;  
	background-position:initial initial; 
	background-repeat: initial initial;
}

.replyFooterBar{
	position:fixed;
	bottom:0;
	width:100%;
	height:51px;
	border-top:1px solid #eee;
	padding:5px;
	background-color:white;
	z-index:100;
}

.replyFooterBarDiv{
	position:relative;
	width:100%;
	background-color:white;
}

.replyBtnDiv{
	position:absolute;
	right:0;
	top:0;
	background-color: #faa755;
	height:40px;
	line-height:38px;
	border:1px solid #faa755;
	border-radius:5px;
	color:white;
	width:60px;
	cursor:pointer;
	box-shadow:2px 2px 3px #aaaaaa;
}

.replyInputDiv{
	display:block;
	height:40px;
	margin-right:65px;
	width:auto;
}

.replyinputcontent{
	padding-left:10px;
	padding-right:10px;
	height:40px;
	width:100%;
	border-radius:5px;
	border:1px solid #999;
	box-shadow:1px 1px 2px #aaaaaa;
}

.postDiv{
	margin-bottom:40px;
	margin-top:55px;
}

.preplycontent{
	margin-top:5px;
	margin-bottom:5px;
}

.replynickname{
	color:#666;
	font-size:10px;
}

.showmorepost,.showmoremessage{
	margin-top:10px;
	margin-bottom:15px;
	border:1px solid #faa755;
	border-radius:5px;
	width:90%;
	height:40px;
	line-height:40px;
	color:white;
	cursor:pointer;
	background-color:#faa755;
	box-shadow:0px 2px 2px #ccc;
	
}

.showmoremessage{
	margin-bottom:50px;
}

.postreplies{
	border-bottom:1px solid #eee;
	margin-bottom:50px;
}

.coffee img{
	width:100%;
}

.headLeftBtn{
	width:10%;
	height:30px;
	display:inline-block;
	float:left;
	line-height:30px;
}

.headLeftBtn a{
	color:white;
}

.headRightBtn{
	width:10%;
	height:30px;
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	line-height:30px;
}

.headCenterInfo{
	width:80%;
	font-size:16px;
	line-height:30px;
}

.backToTop{
	position:fixed;
	right:10%;
	bottom:100px;
	border:1px solid #eee;
	height:55px;
	width:55px;
	border-radius:55px;
	line-height:53px;
	background-color:orange;
	color:white;
	opacity:0.7;
}

.indexmain{
	margin-bottom:46px;
}

.item img{
	width:100%;
}


.PostTitleLink{
	position:relative;
	border-bottom:1px solid #eee;
	padding:15px;
	padding-left:0;
	margin-top:0px;
	margin-bottom:0px;
	background-color:white;
}

.postTitle{
	font-size:16px;
}

.postUserNickname{
	font-size:14px;
	color:#426ab3;
	line-height:20px;
}

.postTime{
	font-size:13px;
	line-height:20px;
	color:#999;
	margin-top:5px;
	vertical-align:middle;
}
.postUserHead{
	display:inline-block;
	width:50px;
	height:50px;
	vertical-align:top;
}

.postUser{
	width:70px;
	display:inline-block;
	vertical-align:top;
	position:absolute;
	top:10px;
	left:0px;
}

.postContent{
	display:block;
	margin-left:70px;
	width:auto;
}

.postcontent{
	overflow: hidden;
}

.postcontent img{
	max-width:100%;
}


.postTitle{
	vertical-align:middle;
	margin-top:5px;
	margin-bottom:5px;
	color:#333;
	font-size:16px;
	overflow: hidden;white-space: nowrap;text-overflow:ellipsis;
}

.msg_notice{
	width:8px;
	height:8px;
	border-radius:5px;
	background-color:red;
	position:relative;
	top:-35px;
	right:-11px;
}

#submitMenu .modal-dialog{
	width:300px;
	position:absolute;
	top:30%;
	left:50%;
	margin-left:-150px;
}

#submitMenu .modal-footer button{
	width:61.8%;
}
#submitMenu .modal-footer{
	text-align:center;
}

.repliesNums{
	font-size:13px;
	float:right;
	line-height:20px;
	vertical-align:middle;
}

.eread{
	background-color:#ddd;
}

#reply2sbModal .modal-dialog{
	width:300px;
	position:absolute;
	top:30%;
	left:50%;
	margin-left:-150px;
}

#reply2sbContent{
	width:100%;
	height:30px;
	border-radius:5px;
	border:0;
}

.PostReply{
	width:100%;
	border-top:1px solid #eee;
	padding:10px;
	position:relative;
	min-height:72px;
}


.replyUserHead,.postReplyDiv{
	display:inline-block;
}

.postReplyDiv{
	display:block;
	width:auto;
	margin-left:60px;
}

.replyUserHead img{
	width:50px;
	height:50px;
}

.replyUserHead{
	position:absolute;
	top:10px;
	left:5px;
	width:60px;
}

.replytime{
	font-size:10px;
	color:#666;
}

a .headRightBtn{
	color:white;
}

.dialoglist{
	float:right;
	position:relative;
	top:8px;
	right:10px;
	z-index:98;
}

#dialoglistmodal .modal-footer button{
	width:60%;
}

.dialoglistcontent .PostReply:first-child{
	border-top:0;
}
